﻿body {
    overflow: hidden;
}

.window {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.container {
    position: relative;
    width: 300%;
    height: 100%;
    transform: translateX(-33.3333%);
    -webkit-transform: translateX(-33.3333%);
}

.lplayer-container{
    position: absolute;
    width: 33.3333%;
    height: 100%;
    left: 33.3333%;
}

.search {
    position: absolute;
    width: 33.3333%;
    height: 100%;
    left: 0;
}

.lplayer {
    position: relative;
    width: 100%;
    height: 100%;
}

.list {
    position: absolute;
    width: 33.3333%;
    height: 100%;
    left: 66.6666%;
}

.share-button {
    position: absolute;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    right: 22px;
    top: 22px;
}

@media screen and (min-width: 668px) {
    .container {
        position: relative;
        width: 100%;
        height: 100%;
        transform: translateX(0);
        -webkit-transform: translateX(0);
    }
}
